import { ref } from 'vue'
import { defineStore } from 'pinia'
import {getCategoryApi} from '@/apis/layout'

export  const usecategoryStore = defineStore('category', () => {
//编写属于导航列表的逻辑
//导航列表的的数据管理

//state  获取导航数据
const categoryList=ref([])
//action 获取导航数据的方法
const getCategory=async()=>{
  const res=await getCategoryApi()
  console.log(res);
  categoryList.value=res.result
}
  return { categoryList, getCategory}
})


//这里创建好了一个pinia实例对象，在其他文件中（layout入口文件）引入usecategoryStore并调用即可

//pinia全局状态管理：state（数据），action（处理数据的方法）。
//其他多个组件需要用到的（数据、方法）（js）存在这里。。（有优化重复请求的作用）
//不需要多次使用的（数据、方法）（script js）哪儿需要写哪儿


//vuex全局状态管理
